<template>
    <div class="page has-navbar feedback">
        <von-header>
            <button class="button button-icon ion-ios-arrow-back" slot="left" @click="$router.go(-1)"></button>
            <span slot="title">意见反馈</span>
        </von-header>
        <div class="page-content">
            <div class="comment-content">
                <textarea placeholder="请留下您的意见，我们一定认真阅读！"></textarea>
                <div class="comment-phone">
                    <span>手机号码</span>
                    <select name="" id="">
                        <option value="">中国</option>
                        <option value="">美国</option>
                        <option value="">台湾</option>
                        <option value="">香港</option>
                        <option value="">澳大利亚</option>
                        <option value="">英国</option>
                        <option value="">新加坡</option>
                        <option value="">日本</option>
                        <option value="">法国</option>
                    </select>
                    <input type="text" placeholder="请填写手机号码">
                </div>
                <div class="comment-email">
                    <span>邮箱</span>
                    <input type="text" placeholder="请填写邮箱">
                </div>
                <button class="deliver">提交</button>
            </div>
        </div>
    </div>
</template>

<style>
    .feedback .bar.bar-header{
        box-shadow: none;
    }
    .comment-content{
        padding:20px;
    }
    .comment-content textarea{
        width: 100%;
        height: 300px;
        resize: none;
        border: 1px solid #F3F3F7;
        padding: 16px;
        border-radius: 8px;
    }
    .comment-phone{
        margin-top: 30px;
    }
    .comment-phone span,.comment-email span{
        display: inline-block;
        width:30%;
    }
    select{
        border:none;
    }
    .comment-phone input{
        float: right;
        margin-top:-10px;
    }
    .comment-email{
        margin-top:25px;
    }
    .comment-email input{
        display: inline-block;
        margin-top:-8px;
    }
    .feedback button.deliver{
        width:100%;
        margin-top:30px;
        border:0;
        outline: 0;
        height:55px;
        background: #FB5F10;
        border-color: #FB5F10;
        color: #fff;
        font-size: 20px;
        font-weight: 600;
    }
</style>